<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="#" type="image/x-icon">
    <title>Webpack</title>
</head>

<body>
    <div class="conteiner">
        <header>
            <div class="menu">
                <div class="menu__icon">
                    <a href="/" class="icon"><img src="/src/img/header_logo.png"
                            alt="Божья Блогодать Паломническая Служба"></a>
                </div>
                <div class="menu__burger">
                    <span></span>
                </div>
                <nav class="menu__nav">
                    <ul>
                        <li><a href="./product.html">расписание поездок</a></li>
                        <li><a href="./product.html">поломнеческие экскурсии</a></li>
                        <li><a href="./contact.html">контакты</a></li>
                    </ul>
                </nav>
            </div>
            <div class="header__product">
                
                <div class="slickSlider__product">
                    <div class="slickSlider__slaid">
                        <a href="" class="slickSlider__linck">
                            <img src="./img/product/bc60849eef1678aa04c2bfc4faca5caf.jpg" alt=""
                                class="slickSlider__image">
                        </a>
                    </div>
                    <div class="slickSlider__slaid">
                        <a href="" class="slickSlider__linck">
                            <img src="./img/product/davidova-pustyn..jpg" alt="" class="slickSlider__image">
                        </a>
                    </div>
                    <div class="slickSlider__slaid">
                        <a href="" class="slickSlider__linck">
                            <img src="./img/product/nilova-pustyn-2.jpeg" alt="" class="slickSlider__image">
                        </a>
                    </div>
                    <div class="slickSlider__slaid">
                        <a href="" class="slickSlider__linck">
                            <img src="./img/product/zadonsk..jpg" alt="" class="slickSlider__image">
                        </a>
                    </div>

                </div>
                <div class="headerData">
                    <h1>Княжье озеро</h1>
                    
                    <div class="headerData__price">
                        <div class="headerDate__block">
                            <p class="days">2 дня</p>
                            <button class="open_form">20.11.2022 <br>Заказать</button>
                            <button class="open_form">20.11.2022<br>Заказать</button>
                            <!-- <p class="headerData__places">18 мест</p> -->
                            <p class="headerData__priced">2250 руб</p>
                        </div>
                        <div class="headerDate__block">
                            <p class="days">1 дня</p>
                            <button class="open_form">20.11.2022<br>Заказать</button>
                            <!-- <p class="headerData__places">30 мест</p> -->
                            <p class="headerData__priced">15250 руб</p>
                        </div>
                        </div>
                </div>
                </div>
        </header>
        <ul class="tab">
            <li class="active">
                <a href="#tab-1"> 1 день </a>
            </li>
            <li>
                <a href="#tab-2"> 2 дня </a>
            </li>
            </ul>
        <main class="content content_product faded in content_active" id="tab-1">
            <div class="plan">
                <div class="plan_table">
                    <table class="plan__collected">
                        <tr>
                            <th align="left" colspan="2">15.07.1981</th>
                        </tr>
                        <tr class="plan__header">
                            <td colspan="2">Метро Марьина роща в центре зала.</td>
                        </tr>
                        <tr class="plan__boarding">
                            <td class="plan__data">Посадка 7:30</td>
                            <td class="plan__data">Отъезд 7:50</td>
                        </tr>
                    </table>
                    <table class="plan__collected">
                        <tr>
                            <th align="left" colspan="2">15.07.1981</th>
                        </tr>
                        <tr class="plan__header">
                            <td colspan="2">Метро Марьина роща в центре зала.</td>
                        </tr>
                        <tr class="plan__boarding">
                            <td class="plan__data">Посадка 7:30</td>
                            <td class="plan__data">Отъезд 7:50</td>
                        </tr>
                    </table>
                </div>
                <div class="plan__description">
                    <p>
                        Божья Благодать паломнические экскурсии по святым местам православие и
                        христианство православные храмы святые места в россии паломничество по россии туры по россии
                        паломнический тур туры в россию паломническая поездка в россию путешествие по россии
                        В России существует немало интересных мест, которые могут стать достойной альтернативой
                        заграничным
                        курортам.
                    </p>
                </div>
                </div>
                <div class="cardsDescription">
                    <div class="cardsDescription__data">
                        <div class="cardsDescription__img ">
                            <img src="./img/product/bc60849eef1678aa04c2bfc4faca5caf.jpg" alt="">
                        </div>
                        <div class="cardsDescription__description">
                            <h2>Звенигород</h2>
                            <p>
                                Обзорная экскурсия, древний Успенский собор «на Городке» (1399-1400 гг.), фрески и
                                иконы, написанные прп. Андреем Рублевым.
                            </p>
                            <p>
                                Литургия, исповедь, причастие.
                            </p>
                        </div>
                    </div>
                    <div class="cardsDescription__data">
                        <div class="cardsDescription__img ">
                            <img src="./img/product/zadonsk..jpg" alt="">
                        </div>
                        <div class="cardsDescription__description">
                            <h2>Звенигород</h2>
                            <p>
                                Обзорная экскурсия, древний Успенский собор «на Городке» (1399-1400 гг.), фрески и
                                иконы, написанные прп. Андреем Рублевым.
                            </p>
                            <p>
                                Литургия, исповедь, причастие.
                            </p>
                        </div>
                    </div>
                    <div class="cardsDescription__data">
                        <div class="cardsDescription__img">
                            <img src="./img/product/nilova-pustyn-2.jpeg" alt="">
                        </div>
                        <div class="cardsDescription__description">
                            <h2>Звенигород</h2>
                            <p>
                                Обзорная экскурсия, древний Успенский собор «на Городке» (1399-1400 гг.), фрески и
                                иконы, написанные прп. Андреем Рублевым.
                            </p>
                            <p>
                                Литургия, исповедь, причастие.
                            </p>
                        </div>
                    </div>
                </div>
                </main>
        <main class="content content_product faded" id="tab-2">
            <div class="plan">
                <div class="plan_table">
                    <table class="plan__collected">
                        <tr>
                            <th align="left" colspan="2">15.07.2000</th>
                        </tr>
                        <tr class="plan__header">
                            <td colspan="2">Метро Марьина роща в центре зала.</td>
                        </tr>
                        <tr class="plan__boarding">
                            <td class="plan__data">Посадка 7:30</td>
                            <td class="plan__data">Отъезд 7:50</td>
                        </tr>
                    </table>
                    <table class="plan__collected">
                        <tr>
                            <th align="left" colspan="2">15.07.2222</th>
                        </tr>
                        <tr class="plan__header">
                            <td colspan="2">Метро Марьина роща в центре зала.</td>
                        </tr>
                        <tr class="plan__boarding">
                            <td class="plan__data">Посадка 7:30</td>
                            <td class="plan__data">Отъезд 7:50</td>
                        </tr>
                    </table>
                </div>
                <div class="plan__description">
                    <p>
                        Божья Благодать паломнические экскурсии по святым местам православие и
                        христианство православные храмы святые места в россии паломничество по россии туры по россии
                        паломнический тур туры в россию паломническая поездка в россию путешествие по россии
                        В России существует немало интересных мест, которые могут стать достойной альтернативой
                        заграничным
                        курортам.
                    </p>
                    <p>
                        Многие из них имеют богатую историю и являются объектами исторического и культурного наследия.
                        Но для того чтобы посетить некоторые из них, необходима специальная виза.
                    </p>
                </div>
            </div>
            <div class="cardsDescription">
                <div class="cardsDescription__data">
                    <div class="cardsDescription__img ">
                        <img src="./img/product/bc60849eef1678aa04c2bfc4faca5caf.jpg" alt="">
                    </div>
                    <div class="cardsDescription__description">
                        <h2>Звенигород</h2>
                        <p>
                            Обзорная экскурсия, древний Успенский собор «на Городке» (1399-1400 гг.), фрески и
                            иконы, написанные прп. Андреем Рублевым.
                        </p>
                        <p>
                            Литургия, исповедь, причастие.
                        </p>
                    </div>
                </div>
                <div class="cardsDescription__data">
                    <div class="cardsDescription__img ">
                        <img src="./img/product/zadonsk..jpg" alt="">
                    </div>
                    <div class="cardsDescription__description">
                        <h2>Звенигород</h2>
                        <p>
                            Обзорная экскурсия, древний Успенский собор «на Городке» (1399-1400 гг.), фрески и
                            иконы, написанные прп. Андреем Рублевым.
                        </p>
                        <p>
                            Литургия, исповедь, причастие.
                        </p>
                    </div>
                </div>
                <div class="cardsDescription__data">
                    <div class="cardsDescription__img">
                        <img src="./img/product/nilova-pustyn-2.jpeg" alt="">
                    </div>
                    <div class="cardsDescription__description">
                        <h2>Звенигород</h2>
                        <p>
                            Обзорная экскурсия, древний Успенский собор «на Городке» (1399-1400 гг.), фрески и
                            иконы, написанные прп. Андреем Рублевым.
                        </p>
                        <p>
                            Литургия, исповедь, причастие.
                        </p>
                    </div>
                </div>
            </div>
        </main>
        <section class="comment__list .conteiner">
            <div class="comment byuser comment-author-rashochikov bypostauthor even thread-even depth-1" id="comment-2">
                <div class="comments">
                    <div class="comments__content">
                        <h3 class="comments__author">Rashochikov6</h3>
                        <p class=" comments__text_show">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                            Praesentium
                            molestias dolores, optio non,
                            sunt distinctio minus excepturi rerum quibusdam, saepe tempore iure quod ea totam? Eaque minima
                            doloremque quas quisquam!
                            Eligendi, eveniet? Atque vitae iste eveniet facilis voluptatibus alias dolorem aperiam eius
                            laboriosam omnis error dolorum libero, suscipit animi, commodi provident! Exercitationem maxime
                            aperiam architecto molestiae minus tenetur aspernatur beatae!
                            Nihil aliquam accusamus quo asperiores vel voluptatum cumque est, quia distinctio. Corporis natus
                            eaque labore quis velit est deleniti earum quisquam error molestiae, molestias, beatae deserunt
                            debitis voluptates ipsa commodi?
                            Nisi ipsa corporis, saepe pariatur ratione molestias at velit delectus atque impedit tempora harum
                            cupiditate laboriosam temporibus, dolore voluptates ducimus architecto ut suscipit eius praesentium
                            deserunt! Sunt dicta ducimus nihil?
                            Eius corrupti possimus deserunt, deleniti est dolores placeat tempore alias suscipit! Sint cum
                            dolorum, veritatis, accusantium culpa modi dolores laboriosam incidunt molestiae, quasi amet?
                            Consequuntur vero voluptatem officia perspiciatis provident?
                            Esse, iste debitis? Quos, facere! Dolore, quas cum repudiandae neque ducimus praesentium sequi,
                            architecto voluptates officiis magnam quos autem perspiciatis sit, iure commodi nam molestias
                            eligendi adipisci dicta ut deleniti.
                            Beatae minus quisquam dignissimos corporis eos, veniam nam non neque cupiditate asperiores
                            architecto eligendi laboriosam totam, culpa voluptas reiciendis hic ad sapiente. Iure vel ad
                            pariatur nemo placeat, non ducimus.
                            Reiciendis perspiciatis praesentium rem optio earum porro quae voluptatem, explicabo minus ea
                            repudiandae sit sapiente voluptas cum. Officia optio incidunt quas fugiat nulla, soluta provident
                            vero beatae hic nihil ipsum.
                            Voluptas tempore nemo earum porro repellat qui similique dignissimos reiciendis corporis eos
                            aperiam, tenetur assumenda. Architecto inventore nihil excepturi ab eum. Eum, reiciendis iusto culpa
                            tempora facilis blanditiis fugiat consequatur?</p>
                    </div>
                </div>
            </div>
            <div class="comment byuser comment-author-rashochikov bypostauthor odd alt thread-odd thread-alt depth-1"
                id="comment-3">
                <div class="comments">
                    <div class="comments__content">
                        <h3 class="comments__author">Rashochikov5</h3>
                        <p class=" comments__text_show">Lorem ipsum dolor sit amet consectetur adipisicing elit.
                            Minus, harum maxime
                            tenetur vero, eos cum
                            enim, earum inventore soluta porro et molestias illum hic perferendis sunt nesciunt expedita nam ea?
                            Praesentium excepturi explicabo delectus quasi cum reiciendis inventore eaque, dolorum asperiores
                            voluptatibus sit exercitationem ab nam, officiis tempora laborum. Adipisci voluptas omnis esse natus
                            libero maiores ab eum qui eveniet.
                            Minus mollitia aliquid expedita pariatur error ratione quisquam id perferendis! Quod temporibus et,
                            quos sapiente fugit enim quisquam vitae iusto laboriosam consequatur tenetur! Similique rem dolores
                            voluptate delectus tempore earum?
                            Earum quidem labore totam ipsa nihil, dignissimos repellendus nobis sint optio quasi velit, enim
                            voluptatum perspiciatis ea iure explicabo architecto laborum corrupti, ab accusamus. Culpa deleniti
                            officia ipsa pariatur a!
                            Quo, magni aliquid placeat consectetur dicta repudiandae debitis maiores voluptatibus fugit commodi
                            consequuntur ea nisi animi possimus omnis fuga alias eum facilis sit, aliquam, perferendis rem.
                            Ducimus maiores repellendus veniam.</p>
                    </div>
                </div>
            </div>
            <div class="comment byuser comment-author-rashochikov bypostauthor even thread-even depth-1" id="comment-4">
                <div class="comments">
                    <div class="comments__content">
                        <h3 class="comments__author">Rashochikov4</h3>
                        <p class=" comments__text_show">Lorem ipsum dolor sit amet consectetur, adipisicing elit.
                            Nobis corporis
                            consectetur ducimus ipsam
                            suscipit, iure ut consequatur, assumenda cum ea harum explicabo ad eos saepe expedita illo possimus?
                            Eum, voluptatibus.
                            Tenetur excepturi vitae magnam quas quae praesentium officia tempore dicta dolore? Harum quod ipsam
                            facere nihil recusandae nulla deserunt nostrum, amet esse rem in commodi! In explicabo eos
                            repellendus tenetur!
                            Officia, corporis praesentium vero odit cum, debitis illo nihil quibusdam maiores, sequi enim neque
                            veritatis nulla quis laudantium obcaecati earum architecto eum veniam quidem. Animi molestiae
                            similique atque optio odio!</p>
                    </div>
                </div>
            </div>
            <div class="comment byuser comment-author-rashochikov bypostauthor even thread-even depth-1" id="comment-4">
                <div class="comments">
                    <div class="comments__content">
                        <h3 class="comments__author">Rashochikov3</h3>
                        <p class=" comments__text_show">Lorem ipsum dolor sit amet consectetur, adipisicing elit.
                        </p>
                    </div>
                </div>
            </div>
            <div class="comment byuser comment-author-rashochikov bypostauthor even thread-even depth-1" id="comment-4">
                <div class="comments">
                    <div class="comments__content">
                        <h3 class="comments__author">Rashochikov2</h3>
                        <p class=" comments__text_show">Lorem ipsum dolor sit amet consectetur, adipisicing elit.
                            Nobis corporis
                            consectetur ducimus ipsam
                            suscipit, iure ut consequatur, assumenda cum ea harum explicabo ad eos saepe expedita illo possimus?
                        </p>
                    </div>
                </div>
            </div>
            <div class="comment byuser comment-author-rashochikov bypostauthor even thread-even depth-1" id="comment-4">
                <div class="comments">
                    <div class="comments__content">
                        <h3 class="comments__author">Rashochikov1</h3>
                        <p class=" comments__text_show">Lorem ipsum dolor sit amet consectetur, adipisicing elit.
                            Nobis corporis
                            consectetur ducimus ipsam
                            suscipit, iure ut consequatur, assumenda cum ea harum explicabo ad eos saepe expedita illo possimus?
                            Eum, voluptatibus.
                            Tenetur excepturi vitae magnam quas quae praesentium officia tempore dicta dolore? Harum quod ipsam
                            facere nihil recusandae nulla deserunt nostrum, amet esse rem in commodi! In explicabo eos
                            repellendus tenetur!
                            Officia, corporis praesentium vero odit cum, debitis illo nihil quibusdam maiores, sequi enim neque
                            veritatis nulla quis laudantium obcaecati earum architecto eum veniam quidem. Animi molestiae
                            similique atque optio odio!</p>
                    </div>
                </div>
            </div>
        </section>
        <footer>
            <div class="socialNetwork">
                <div class="socialNetwork__header">
                    <h3>Наши соцсети</h3>
                </div>
                <div class="socialNetwork__linck">
                    <a href=""><img src="./img/instagram.svg" alt="instagram"></a>
                    <a href=""><img src="./img/telegram.svg" alt="telegram"></a>
                    <a href=""><img src="./img/vk.svg" alt="vk"></a>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>